import React, { Component } from 'react';
import cdf from '../state/cdf.gif'
import { Input } from 'antd';
import { SearchOutlined } from '@ant-design/icons'
import { withRouter } from 'react-router-dom';
import './input.scss'
class MyHeader extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    }
    render() {
        return (
            <div className='search'>
                <img src={cdf} alt="" />
                <div className="bot">
                    <Input type="text" onClick={this.handclick} prefix={<SearchOutlined className='font' />} placeholder='搜索商品' />
                    <span className='sou'>搜索</span>
                </div>
            </div>
        );
    }
    handclick = () => {
        this.props.history.push('/Search')
    }
}

export default withRouter(MyHeader);